<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>同咨科技-商户后台</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="../../static/css/weadmin.css">
  <link href="../../lib/layui/css/layui.css" rel="stylesheet">

  <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
  <script type="module" src="../components/use-body.js"></script>



  <link href="../../static/css/designProject.css" rel="stylesheet">
  <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
  <use-body>
    <div class="page-body layout-left-menu">

      <!-- 左边菜单 -->
      <div class="side">

        <div class="layui-panel">
          <ul class="layui-menu" id="demo-menu">
            <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
              <div class="layui-menu-body-title">个人图纸库</div>
              <ul>
                <li>
                  <div class="layui-menu-body-title">收藏的模板</div>
                </li>
                <li class="layui-menu-item-checked">
                  <div class="layui-menu-body-title">合成的图纸</div>
                </li>
              </ul>
            </li>
            <li class="layui-menu-item-divider"></li>
            <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
              <div class="layui-menu-body-title">共享图纸库</div>
              <ul>
                <li>
                  <div class="layui-menu-body-title">项目小组A</div>
                </li>
                <li>
                  <div class="layui-menu-body-title">项目小组B</div>
                </li>
                <li>
                  <div class="layui-menu-body-title">项目小组C</div>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>

      <!-- 主体 -->
      <div class="page-border mt30" style="margin-left: 30px;">
        <!-- 工具栏 -->
        <form class="layui-form layui-row">
          <div class="table-toolbar small">
            <div class="left">
              <div class="layui-input-wrap">
                <div class="layui-input-prefix">
                  <i class="iconfont  use-search"></i>
                </div>
                <input style="width: 230px;" type="text" name="A" value="" placeholder="Search..." class="layui-input"
                  lay-affix="clear">
              </div>
              <button style="margin-left: 10px;" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit
                lay-filter="demo-table-search">
                <i class="iconfont  use-search"></i>搜索
              </button>


            </div>
            <div class="right">
              <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">
                <i class="iconfont use-down"></i>
                下载
              </button>
              <button type="button" lay-on="auth" class="layui-btn layui-btn-primary layui-btn-radius">
                <i class="iconfont use-move"></i>
                移动
              </button>
              <button type="button" lay-on="auth" class="layui-btn layui-btn-primary layui-btn-radius">
                <i class="iconfont use-fuzhi"></i>
                复制
              </button>
              <button type="button" lay-on="edit-file" class="layui-btn layui-btn-primary layui-btn-radius">
                <i class="iconfont use-edit"></i>
                编辑
              </button>
              <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">
                <i class="iconfont use-new-built"></i>
                新建文件夹
              </button>
              <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">
                <i class="iconfont use-delete"></i>
                删除
              </button>
              <button class="layui-btn layui-btn-radius" lay-submit lay-filter="demo-table-search">
                合成图纸
              </button>
            </div>
          </div>
        </form>

        <div class="list">
          <ul>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
            <li>
              <div class="img">
                <img src="../../static/images/Rectangle 43x.png" alt="">
              </div>
              <div class="info">
                <span>我是图纸名称</span>
                <p>适合类型：市政工程</p>
              </div>
              <input type="checkbox" class="check" name="AAA" title="默认">
            </li>
          </ul>
        </div>

        <div class="page-layout">
          <div id="laypage-1"></div>
        </div>
      </div>
    </div>


    <!-- 编辑 -->
    <div id="edit-layer" style="display: none;">
      <div class="dialog">
        <form class="layui-form" action="">
          <div class="layui-row" style="width: 520px;">
            <div class="layui-form-item">
              <label class="layui-form-label">旧名称</label>
              <div class="layui-input-block">
                <input type="text" class="layui-input" disabled>
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label required">新名称</label>
              <div class="layui-input-block">
                <input type="text" class="layui-input" placeholder="输入内容">
              </div>
            </div>
          </div>

        </form>

        <div class="dialog-footer">
          <!-- 主体 -->
          <div class="cent">
            <button type="button" class="layui-btn btn-text">取消</button>
            <button type="button" class="layui-btn layui-btn-radius">保存</button>
          </div>
        </div>
      </div>
    </div>
  </use-body>
</body>
<script>
  layui.use(function () {
    var $ = layui.$;
    var laypage = layui.laypage;
    var util = layui.util;
    // 普通用法
    laypage.render({
      elem: 'laypage-1',
      layout: ['count', 'prev', 'page', 'next', 'limit'],
      theme: '#01A2E4',
      count: 50 // 数据总数
    });

    util.on('lay-on', {
      'edit-file': function () {
        layer.open({
          type: 1,
          shade: false, // 不显示遮罩
          content: $('#edit-layer'), // 捕获的元素
          title: '编辑文件名称',
          closeBtn: 1,
        });
      },
    })
  });
</script>

</html>